<template>
	<div>
		<van-goods-action class="shopping-cart-tabbar">
			<van-goods-action-icon text="导航">
				<template v-slot:icon>
					<van-image fit="contain" :src="require('@/assets/icon/daohang@3x.png')" />
				</template>
			</van-goods-action-icon>
			<van-goods-action-icon text="电话">
        <template v-slot:icon>
					<van-image fit="contain" :src="require('@/assets/icon/dianhua@3x.png')" />
				</template>
      </van-goods-action-icon>
			<van-goods-action-icon text="购物车" @click="onClickCartIcon">
        <template v-slot:icon>
					<van-image fit="contain" :src="require('@/assets/icon/che@3x.png')" />
				</template>
      </van-goods-action-icon>
			<van-goods-action-button type="warning" text="加入购物车" />
			<van-goods-action-button type="danger" text="立即购买" @click="goPay()" />
		</van-goods-action>
		<div class="placeholder"></div>
	</div>
</template>

<script>
export default {
	name: 'payCheck',
	props: {
		order_id: '',
		module_name: {
			type: String,
			default: '',
		}
	},
	data() {
		return {};
	},
	mounted() {},
	methods: {
    onClickCartIcon() {
      this.$router.push('/ShoppingCart');
    },
		goPay() { //去提交订单页
			this.$router.push({ path: '/SubmitOrder', query: { order_id: this.order_id, module_name: this.module_name } });
		},
  },
};
</script>

<style lang="scss" scoped>
.shopping-cart-tabbar {
  height: 1.980676rem;
  align-items: flex-start;

  .van-goods-action-icon {
    justify-content: flex-start;
    padding-top: .241546rem;
  }
  
  .van-goods-action-button {
    margin-top: .120773rem;
  }
}
.placeholder {
	height: 1.980676rem;
}
</style>
